.PG
{
  float:left;
  display:block;
  /* design time */
  width:300px;
  background-color:lightgray;
}
.PG * /* design time */
{
  font-family:verdana;
  font-size:8pt;
}

.PG img { border:0px; }
.PG a:visited, a:link, a, a:hover { text-decoration:none; }
.PGH, .footer, .status { float:left; margin: 0px; border: 1px solid; }
.PGH, .status { height:20px; }

.PGH, .footer, .PGC, .status { width:100%; display:inline; }

.PGH a, .status span { margin:2px 1px; }
.status A,
.PGH A { width:16px; height:16px; cursor:pointer; background-repeat: no-repeat; background-position:left center; }
.PGH A.live { background-image: url(<% =WebResource("xacc.pg.on.gif") %>); }
	.PGH A.offline { background-image: url(<% =WebResource("xacc.pg.off.gif") %>); }
.PGH A.refresh { background-image: url(<% =WebResource("xacc.pg.refresh.gif") %>); }
	.PGH A.dirty { background-image: url(<% =WebResource("xacc.pg.unfresh.gif") %>); }

.PGH A.up { background-image: url(<% =WebResource("xacc.pg.expand.gif") %>); }
.PGH A.down { background-image: url(<% =WebResource("xacc.pg.collapse.gif") %>); }
.PGH A.help { background-image: url(<% =WebResource("xacc.pg.help.gif") %>); }
	.PGH A.nohelp { background-image: url(<% =WebResource("xacc.pg.helpoff.gif") %>); }
A.live, A.offline { margin-left:2px; }
A.help, A.nohelp, A.information { margin-right:2px; }
A.live, A.offline, A.dirty, A.refresh { float:left; }
A.up, A.down, A.help, A.nohelp, A.information { float:right; }

.status {
	background: url(<% =WebResource("xacc.pg.pg.gif") %>) no-repeat scroll left center;
}
.status IMG {
	width:16px; height:16px; 
	background-repeat: no-repeat;
	background-position: left center;
	float:right;
	margin:0px 1px;
	border:none;
}
.status IMG.busy { background-image: url(<% =WebResource("xacc.pg.active.gif") %>); }
.status IMG.readonly { background-image: url(<% =WebResource("xacc.pg.lock.gif") %>); }
.status IMG.hidden { display: none; }
.status A.information { background-image: url(<% =WebResource("xacc.pg.info.gif") %>); }
.footer { height:100px; border-bottom: 0px none; padding: 2px; }
.footer DT { font-weight: bold; }
.PGC
{
  float:left;
  border-left:1px solid;
  border-right:1px solid;
}
.PGC a
{
  display:block;
}
.PGC_OPEN, .PGC_CLOSED
{
  width:18px;
  float:left;
  cursor:pointer;
}
.PGC_OPEN
{
  background: url(<% =WebResource("xacc.pg.grey-open.png") %>) no-repeat center;
}
.PGC_CLOSED
{
  background: url(<% =WebResource("xacc.pg.grey-closed.png") %>) no-repeat center;
}
.PGC_HEAD
{
  float:left;
}
.PGC_HEAD span
{
  font-weight:bold;
  margin-left:2px;
}
.PGC_WRAP
{
  clear:both;
}
.PGI
{
  width:100%;
}
.PGI_NONE, .PGI_CLOSED, .PGI_OPEN
{
  float:left;
}
.PGI_NONE, .PGI_CLOSED, .PGI_OPEN
{
  width:18px;
  height:20px;
}
.PGI_CLOSED
{
  cursor:pointer;
  background: url(<% =WebResource("xacc.pg.white-closed.png") %>) no-repeat center;
}
.PGI_OPEN
{
  cursor:pointer;
  background: url(<% =WebResource("xacc.pg.white-open.png") %>) no-repeat center;
}
.PGI dt,
.editor
{
  float:left;
  margin: 1px 0px 0px 1px;
  cursor:pointer;
  overflow:hidden;
  white-space: nowrap;
  width:138px; /* design time */
}

.editor a, .editor select { width:100%; }
dt span { margin-left:3px; }
.editor span { margin-left:2px; }
.editor a { padding-left:2px; }
.editor select { display:block; margin:0px; padding-bottom:2px; border:0px; }
.editor input { padding-left:2px; border:0px; overflow: hidden; }
/*property cells*/
	.PGI DT,
		.PGI .editor { background-color: White; }
	DIV.readonly DT,
		DIV.readonly .editor { color: Silver; }
	DIV.selected DT,
		DIV.selected .editor { background-color: #dddddd; }
